                        <!-- Navigation Start-->
                        
                        <nav class="menu-container transition">
                               
                               <div class="inner">
									<span class="mobile-brand"></span>
									<ul class="menu-main"> 


										<li class="multi-column current-menu-item"><a href="#">Mega Menu One</a>
											<ul class="sub-menu">
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 1</span></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 2</span></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title Long Long Long Long Long Long Long Long</a></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 3</span></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
											</ul>

										</li>

										<li><a href="#">Placeholder</a></li>


										<li><a href="#">Dropdown</a>
											<ul class="sub-menu">
												<li><a href="#">Dropdown 1</a>
													<ul class="sub-menu">
														<li><a href="#">Title 1</a></li>
														<li><a href="#">Title 2</a></li>
														<li><a href="#">Title 3</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li><a href="#">Dropdown 2 Long Long Long Long Long Long Long Long Long Long</a></li>
												<li><a href="#">Dropdown 3</a></li>
											</ul>
											<!-- .sub-menu  end -->
										</li>


										<li class="multi-column"><a href="#">Mega Menu Two</a>
											<ul class="sub-menu">
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 1</span></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 2</span></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title Long Long Long Long Long Long Long Long</a></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 3</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 4</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>  

												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 5</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 6</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>  
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 7</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>  
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 8</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>   
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 9</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>       


											</ul>

										</li>							

										<li><a href="#">Placeholder</a></li>


										<li class="multi-column"><a href="#">Mega Menu Three</a>
											<ul class="sub-menu">
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 1</span></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 2</span></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 3</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												  <li>
													<ul class="sub-menu">
														<li><span class="multi-column-title">Column 4</span></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

											</ul>

										</li>							




									</ul>
									<div class="menu-right">
										<a title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
											<i class="fa fa-twitter"></i>
										</a>
										<a title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
											<i class="fa fa-facebook"></i>
										</a>
										<a title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
											<i class="fa fa-github"></i>
										</a>  
									</div>
 
                               </div><!-- /.inner -->

                        </nav>
                        <!-- .menu-container end -->
                        
    